<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极果</title>
    <!-- 引入css文件 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="./css/base.css">
</head>

<body>
    <!-- 头部部分 -->
    <div class="header-top">
        <div class="top w">
            <div class="logo fl">
                <h1>
                    <a href="index.html">极果</a>
                </h1>
            </div>
            <!-- 头部导航栏 -->
            <div class="nav fl">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">酷玩</a></li>
                    <li><a href="#">导购</a></li>
                    <li><a href="#">试用</a></li>
                    <li><a href="#">报告</a></li>
                </ul>
            </div>
            <div class="search fr">
                <button class="btn">注册</button>
                <input type="text" class="ipt">
                <img src="./images/search.png" alt="" class="sec ">
            </div>
        </div>
    </div>
    <!-- 大图横幅广告部分 -->
    <div class="banner">
        <!-- 打开页面显示的hifi音响宣传部分 -->
        <div class="hifi">
            <h2>幻响小贝HiFi2.1音箱</h2>
            <div class="nume">
                <span>126人申请</span> <span>￥599</span> <span>20台</span>
            </div>
            <h4>申请时间剩余:小时分秒</h4>
            <button>立即申请</button>
        </div>
    </div>

    <!-- 引入JQ文件 -->
    <script src="./js/jquery-1.12.4.min.js"></script>
    <!-- 引入自己书写的js代码 -->
    <script src="./js/jiguo.js"></script>
</body>

</html>